﻿@charset "utf-8";
<!-- CSS3 features - Adaptive media queries for mobile devices by Eric Gallego -->

<!-- 08/2011 -- Edited by Pol Carmona -->
	
	/* 
		HTML5 RESET STYLE SHEET
		html5doctor.com
		v1.6.1
	*/
		html, body, div, span, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		abbr, address, cite, code,
		del, dfn, em, img, ins, kbd, q, samp,
		small, strong, sub, sup, var,
		b, i,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section, summary,
		time, mark, audio, video {
			margin:0;
			padding:0;
			border:0;
			outline:0;
			font-size:100%;
			vertical-align:top;
			background:transparent;
		}
		
			
		article,aside,details,figcaption,figure,
		footer,header,hgroup,menu,nav,section { 
			display:block;
		}
		
		ul {
			list-style:none;
		}
		
		blockquote, q {
			quotes:none;
		}
		
		blockquote:before, blockquote:after,
		q:before, q:after {
			content:'';
			content:none;
		}
		
		a {
			margin:0;
			padding:0;
			font-size:100%;
			background:transparent;
		}
		
		/* change colours to suit your needs */
		ins {
			background-color:#ff9;
			color:#000;
			text-decoration:none;
		}
		
		/* change colours to suit your needs */
		mark {
			background-color:#ff9;
			color:#000; 
			font-style:italic;
			font-weight:bold;
		}
		
		del {
			text-decoration: line-through;
		}
		
		abbr[title], dfn[title] {
			border-bottom:1px dotted;
			cursor:help;
		}
		
		table {
			border-collapse:collapse;
			border-spacing:0;
		}
		
		/* change border colour to suit your needs */
		hr {
			display:block;
			height:1px;
			border:0;   
			border-top:1px solid #cccccc;
			margin:1em 0;
			padding:0;
		}
		
		input, select {
			vertical-align:middle;
			padding:3px;		
		}
	
	/* END OF RESET STHEET */
	
	
	
	/* Basic Layout styles */
	
	body{
		background-image:url('../img/bgImg.png');
		background-repeat:repeat-x;
		/* background-position:right top;*/
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.7em;
		font-weight:normal;
		color:#666;
	}
	a{
		text-decoration:none;color:#666;
	}
	a.text{
		text-decoration:underline;
	}
	img{
		border:0px;
	}
	a:link, a:active{
		color:#666;
	}   
	a:visited{
		color:#777;
	}  
	a:hover{
		color:#8e91a0;
		-webkit-transition: color 0.3s ease-in;
		-khtml-transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		transition: color 0.3s ease-in;
	} 
	li{
		list-style:none;
	}
	.clear{
		clear:both;
	}
	
	@font-face {
	  /*font-family: "Trebuchet MS";
	  src: url('resources/fonts/verdana.ttf') format("truetype");
	  src: url('resources/fonts/verdana.eot') format("opentype");
	  font-size:0.3em;
	  letter-spacing: 2px;
	  font-weight:normal;
	  font-style:normal;*/
	}
	
	/*
	@font-face {		
		font-family:'Arial';
		src:url('../fonts/Frutiger.eot');
		src:url('../fonts/Frutiger.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Frutiger.woff') format('woff'),
		url('../fonts/Frutiger.ttf') format('truetype'),
		url('../fonts/Frutiger.svg#Frutiger') format('svg');
		
		font-weight:normal;
	    font-style:normal;
	}*/
	
	header{
		width:978px;
		margin:0 auto 5px;
	}
	
	footer{
		width:934px;
		margin:0 auto;
	}
	header>div{
		display:inline-block;
		zoom: 1; /* IE7 (hasLayout)*/
       *display:inline; /* IE */
       _height:40px; /* IE6 */
	}

	#vaesa{
		text-align:left;
		width:32%;
		zoom: 1; /* IE7 (hasLayout)*/
	   *display: inline; /* IE */
	   _height: 40px; /* IE6 */
	}
	#login{
		align:right;
		text-align:right;
		width:67%;
		vertical-align:top;
		/*font-family:'Arial';*/
		zoom: 1; /* IE7 (hasLayout)*/
	   *display: inline; /* IE */
	   _height: 40px; /* IE6 */
	}
	
	#private_area div{
		display:inline-block;
		position:static;
		height:20px;
		margin-left:18px;
		vertical-align:top;
		zoom: 1; /* IE7 (hasLayout)*/
	   *display: inline; /* IE */
	   _height: 20px; /* IE6 */
	}
	
	#private_area div>a{
		/*font-family:'Arial';*/
		font-size:1.25em;
		height:20px;
		padding-top:5px;
		color:#555;
	}
	
	#private_area div>a:hover{
		color:#8e91a0;
	}
	
	#private_area div>a:hover, .moreExtended a:hover, .descriptionRight a:hover, footer a:hover, #rightContent .titleBox a:hover, #loginAccess a:hover{
		-webkit-transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		transition: color 0.3s ease-in;
	}
	
	#loginUser{
		
		height:20px;
		padding-top:0.51em;
		color:#555;
		font-weight:bold;
	}
	
	#loginBox{
		display:none;
		position:absolute;		
		margin:0 auto;
		/*font-family:'Arial';*/
		font-size:1.2em;
		/*height:260px;*/
		width:300px;
		padding:8px 16px 16px 16px;
		color:#555;	
		opacity:0.95;	
		filter: alpha(opacity = 95);
		text-align:left;
		vertical-align:top;	
		border:1px solid #999;
		background-color:#CCC;
		
		-webkit-background-clip: padding-box;
		-ms-border-radius: 7px;
		-webkit-border-radius:7px;
		-moz-border-radius: 7px;
		-khtml-border-radius:7px;
		border-radius: 7px;

		-webkit-box-shadow: 0px 4px 6px #696969;
		-moz-box-shadow: 0px 4px 6px #696969;
		box-shadow: 0px 4px 6px #696969; 
		/*filter: progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=8);*/

		z-index:7000;
		
		right: 168px;
		top: 75px;
	}
	
	#loginBox a{
		color:#555;
	}
	
	#loginBox a:hover{
		color:#06C;
	}	
	
	#loginBox div{
		text-align:right;
	}
	
	/* Para mostrar u ocultar el "Iniciar sesión", se debe eliminar la siguiente regla css*/
	#login>#loginAccess{
		font-size:1.25em;
		color: #333366 !important;
		font-weight:bold;
		/*display:none;*/
	}
		
	
	/* ----------------------  HOME ----------------------- */
	
	nav{
		width:978px;
		height:343px;
		margin:0 auto;
		margin-bottom:3px;
	}
	
	#homeContent{
		width:978px;
		margin:0 auto;
		margin-bottom:8px;
		vertical-align:top;
	}	
	
	.images>div{
		width:978px;
		height:339px;
		margin:0 auto;
	}
	#que_es, #servicios, #preguntas{
		vertical-align:top;
		display:inline-block;
		width:248px;
		height:290px;

		-webkit-background-clip: padding-box;
			
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		-khtml-border-radius:6px;
		behavior:url('resources/js/border-radius.htc');
		border-radius:6px;
		background-color:#CCC;
		margin-left:5px;
		background-image:url('../img/boxBG.png');
		zoom: 1; /* IE7 (hasLayout)*/
       *display: inline; /* IE */
       _height: 235px; /* IE6 */
	}
	
	/* ----------------  END OF HOME STYLES ---------------- */
	.curved {
		-webkit-border-radius:7px; /* Border radius for all browsers using also htc file for IExplorer*/
		-moz-border-radius:7px;
		-khtml-border-radius:7px;
		border-radius:7px;
		behavior:url('resources/js/border-radius.htc');
	}
	
	
	/* ---------------------- LAYOUT INTERFACE -------------------- */	
	
	
	nav#topBar{
		width:971px;
		height:42px;		
		margin:0 auto;
		margin-bottom:8px;
		background-image:url('../img/topBar.png');
		padding-left: 10px;
		
		-webkit-background-clip: padding-box;
		-webkit-border-radius:7px; 
		-moz-border-radius:7px;
		-khtml-border-radius:7px;
		border-radius:7px;
		behavior:url('resources/js/border-radius.htc');
		
		-webkit-box-shadow: 0px 4px 6px #696969;
		-moz-box-shadow: 0px 4px 6px #696969;
		box-shadow: 0px 4px 6px #696969;  
	}
	nav#topBar header{
		position:relative;
		left:6px;
		top:6px;
		/*font-family:'Arial';*/
		font-size:2.2em;
		color:#FFF;
	}
	
	#topBar>header>#topBarTitle{
		float:left;
		width:380px;
	}
	#topBar>header>.user{
		float: right; 
		font-size: 12px; 
		padding: 8px 20px; 
		font-weight: bold;
	}
	#topBar>header>.user a{
		color:#ffffff;
	}
	#topBar>header>#searchElements{
		float:right;
		width:530px;
		text-align:right;
		vertical-align:top;
		/*font-family:Arial,Helvetica;*/
		font-size:0.45em;
		
	}
	#topBar>header>#searchElements a
	{
		color:#FFF;	
	}
	#topBar>header>#searchElements a:hover
	{
		color:#6CF;
		text-shadow:0px 1px 0px #333;
	}
	#searchForm span{
		display:inline-block;
		vertical-align:top;		
	}
	#searchForm span:last-child{
		padding-top:2px;
	}
	
	#searchCatalogueBox{
		padding:18px;
		border:1px solid #999;
		
		-webkit-background-clip: padding-box;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		-khtml-border-radius:6px;
		border-radius:6px;
	}
		
	nav#subNavBar{
		display:block;
		width:978px;
		height:44px;		
		margin:0 auto;
		margin-bottom:10px;
		margin-top:-5px;
		text-align:left;
		background-image:url('../img/subNav.png');
		
		-webkit-background-clip: padding-box;
		-webkit-border-radius:7px; /* Border radius for all browsers using also htc file for IExplorer*/
		-moz-border-radius:7px;
		-khtml-border-radius:7px;
		border-radius:7px;
		behavior:url('resources/js/border-radius.htc');
		
		-webkit-box-shadow:0px 4px 6px #999;
		-moz-box-shadow:0px 4px 6px #999;
		box-shadow:0px 4px 6px #999;
	}
		
	nav#subNavBar ul{
		list-style:none;
		padding-left:17px;
		position:relative;
		left:0px;
		top:0px;
		height:44px;
		/*font-family:'Arial';*/
		font-size:1.2em;
		
	}
	
	nav#subNavBar li{
		/*position:static;*/
		position:relative;
		display:inline-block;
		height:44px;
		background-image:url('../img/linia.png');
		background-repeat:no-repeat;
		background-position:center right;
		zoom: 1; /* IE7 (hasLayout)*/
       *display:inline; /* IE */
       _height:44px; /* IE6 */		
	}
		
	nav#subNavBar li>a{
		height:2em;
		line-height:2em;
		/* float: left;*/
		/* width: 6em;*/
		display: inline-block;
		text-decoration:none;
		text-align:center;
		padding:9px 12px 8px 12px;
		margin-left: -6px;
		margin-right: 1px;
		color:#555;
		font-weight:bold;
		background-color:transparent;
		zoom: 1; /* IE7 (hasLayout)*/
       *display:inline; /* IE */
       _height:44px; /* IE6 */	
		/*
		height:100%;
		display:block;
		position:static;
		
		padding-left:16px;
		padding-right:16px;
		
		text-shadow:1px 1px 1px #999;
		filter:dropshadow(color=#999999, offx=1, offy=1);*/
	}	
	nav#subNavBar li>a:hover{
		background-color:#999;
		color:#FFF;
		opacity:0.60;
		-webkit-transition: background 0.5s ease-in;
		-moz-transition: background 0.5s ease-in;
		transition: background 0.5s ease-in;
	}
	
	nav#subNavBar li>a:{
		background-color:#999;
		background-image:url('../img/selected.png');		
		color:#FFF;
		margin-left: -5px;
	}
		
	nav#subNavBar .subNavSelected{
		background-color:#999;
		background-image:url('../img/selected.png');		
		color:#FFF;
		margin-left: -5px;
	}
	nav#subNavBar .subNavSelected>a{
		color:#FFF;
		text-shadow:0px 0px 0px #333;
		margin-left: -5px;
	}
	
	#ayuda{
		background-image:none !important;
		/*margin-left:125px;*/
		float:right;
		
	}
	#ayuda span{
		display:inline-block;
		vertical-align:middle;
	}
	#ayuda span>img{
		vertical-align:middle;
		/*padding-top: -25px !important;
		line-height: 0px;*/
	}
	
	#bodyContent{
		width:940px;
		margin:0 auto;
		margin-bottom:8px;
		vertical-align:top;
		background-color:#FFF !important;
		padding:19px;		
		
		-webkit-background-clip: padding-box;
		-webkit-border-radius:7px; 
		-moz-border-radius:7px;
		-khtml-border-radius:7px;
		behavior:url('resources/js/border-radius.htc');
		border-radius:7px;
		
		border:none !important;		
	}
	
	#leftContent{
		float:left;
		width:630px;
		margin-left:10px;
		text-align:left;
	}
	
	#leftContent>header{
		display:block;
		position:static;
		width:100%;
		margin:0px !important;
		padding-bottom:20px;
		/*font-family:'Arial';*/
		font-size:2.25em;	
	}
	
	#leftContent>div.introSection{
		font-size: 1.2em;
		padding-bottom: 20px;
	}
	
	#leftContent p {
		font-size: 1.1em !important;
	}
	
	#rightContent{
		float:right;
		width:268px;
		vertical-align:top;
	}
	
	#rightContent>div{
		width:257px;
		height: 150px;
		background-image:url('../img/shortcutBox.png');
		vertical-align:top;
		text-align:left;
	}
	
	#rightContent > div.longBox{
		height: auto;
	}
	
	#rightContent .titleBox{
		position:relative;
		left:16px;
		top:13px;
		/*font-family:'Arial';*/
		font-size:1.65em;
		width:235px;
		line-height:1.0em;
	}
	
	.title_get{
		font-size:0.75em;
		font-weight:bold;
	}
	
	.titleBoxLittle{
		display:block;
		/*font-family:'Arial';*/
		font-size:1.25em;
		background-image:url('../img/miniArrow.png');
		background-repeat:no-repeat;
		width:230px;
		height:20px;
		padding-top:10px;
	}
	
	
	.opened{
		background-image:url('../img/miniArrowOpened.png');		
	}
	
	.titleBoxLittle:hover{
		background-image:url('../img/miniArrowOver.png') !important;

		-webkit-background-clip: padding-box;
		
		-webkit-border-radius:7px;
		-moz-border-radius: 7px;
		-khtml-border-radius:7px;
		behavior:url('resources/js/border-radius.htc');
		border-radius:7px;
		width:230px;
		
	}
	
	.titleBoxLittle2{
		position:static;
		display:block;
		/*font-family:'Arial';*/
		font-size:1.25em;
		width:230px;
		padding:5px 0px 15px 0px;
	}
	
	.littleList{
		background-color:#d1d1d1;
		width:210px;		
		-webkit-border-radius:7px;
		-moz-border-radius: 7px;
		-khtml-border-radius:7px;
		border-radius:7px;
	}
	.littleList strong{
		color:#333;	
	}
	.littleList>div{
		padding:6px 10px 6px 10px;		
	}
	
	.littleList>.lightGrey{
		background-color:#e2e2e2;		
	}
	
	
	
	.bigList{
		background-color:#d1d1d1;
		width:98%;		
		-webkit-border-radius:7px;
		-moz-border-radius: 7px;
		-khtml-border-radius:7px;
		border-radius:7px;
	}
	.bigList strong{
		color:#333;	
	}
	.bigList>div{
		padding:12px 10px 12px 10px;		
	}
	
	.bigList>.lightGrey{
		background-color:#e9e9e9;		
	}
	
	
	
	
	.seeDetails{		
		font-weight:bold;
		display:block;
		width:160px;
		position:relative;	
		left:30px;
		top:10px;		
	}
	
		
	.genericBox{
		display:block;
		position:static;
		text-align:left;
		overflow:relative;
		height:152px;
	}
	
	.genericTitle{
		padding-left:15px;
		/*font-family:'Arial';*/
		font-size:1.25em;
	}
	
	.genericBox div{
		padding:9px 14px 14px 14px;
	}
		
	.genericBox ul{
		padding-left:15px;		
	}
	.genericBox li{
		list-style-type:disc;	
	}
	
	.genericBlueLink{
		color:#525A7A !important;
		font-weight:bold;
	}
	.genericBlueLink:hover{
		text-decoration:underline;
	}
	
	.longBox{
		/*position:absolute;*/
		display:block;
		width:257px;
		background-image:url('../img/shortcutBoxLong.png') !important;
		vertical-align:bottom;
		overflow:relative;
		z-index:1;
	}
	
	.paddingBox{
		position:static;
		background-image:url('../img/shortcutBoxLong.png') !important;
		display:block;
		line-height:1.0em;
		width:257px;
	}
	.paddingBox>div, .paddingBox>a{
		margin-left:16px;
	}
	
	.openedBlock{
		position:static;
		display:block;
	}
	
	
	.bottomLongBox{
		position:static;
		display:block;
		background-image:url('../img/shortcutBoxBottom.png');
		background-repeat:no-repeat;
		width:257px;
		height:29px;
		z-index:1;
	}
	
	
	#rightContent span{
		position:static;
		text-align:left;
		vertical-align:top;
		width:225px;
	}
	
	.iconLeft{
		float:left;
		width:45px;
		height:54px;
		margin:23px 0px 0px 17px;
		text-align:center;
		vertical-align:top;	
	}
	
	.descriptionRight {
		float: right;
		font-size: 1.15em;
		font-weight: normal;
		height: 92px;
		margin: 20px 0 0;
		text-align: left;
		vertical-align: top;
		width: 184px;
	}
	
	.descriptionRight a{
		color:#666;
	}
	.descriptionRight a:hover{
		color:#8e91a0;
	}
	
	
	.moreExtended{
		position:relative;
		font-family:'Arial', Arial;
		font-size:1.05em;
		color:#666;
		background-image:url('../img/moreExtend.png');
		width:75px;
		height:17px;
		text-align:left;
		z-index:1;
		left:172px;
		margin-top:-30px;
	}
	
	.moreExtended a{
		color:#666;
		margin-left:5px;
	}
	
	.moreExtended a:hover{
		color:#8e91a0;
	}
	
	
	/* ---------------------- CONTENTS ------------------------- */
	
	.thumb{
		float:left;		
		display:block;
		margin-right:12px;
	}
	.thumb img{
		border:4px solid #CCC;
	}	
	.textBox{
		display:block;
		position:relative;
		margin-bottom:14px;
		width:97%;
	}
	.thumb, .textBox {
		text-align:left;
		vertical-align:top;
	}
	
	.mediaBox{
		display:block;
		position:relative;
		width:625px;
		height:389px;
		text-align:left;
	}
	
	.openingElement{
		font-weight:bold;
		font-size:larger;
	}
	
	.contents ul>li div{
		padding:7px 46px 0px 31px;
		margin:0px;	
	}
	
	.contents ul{
		list-style:none;
		padding:0px;
		margin:0px;
	}
	
	.contents ul>li{
		margin-bottom:29px !important;
	}
		
	#promociones{
		width:652px;
		height:289px;
		background-image:url('../img/promocionesBG.png');
	}
	#promociones ul{
		padding-left:14px;
	}
		
	#promociones_imagenes li{
		display:inline-block;
		position:static;
		list-style:none;
		margin-right:3px;	
		
		/* hack for explorer*/
		zoom:1; /* IE7 (hasLayout)*/
	    *display:inline; /* IE */
	    _height:289px; /* IE6 */	
	}
	
	#promociones_imagenes li>a{
		color:#333;
	}
	
	#promociones_imagenes li>a:hover{
		color:#8e91a0;
	}
	
	#promociones_imagenes li>a>img:hover{
		border:3px solid #b6b6b6;
	}
	
	#promociones_imagenes li>a>img{
		border:3px solid #CCC;
		position:static;
	}
	
	#promociones_imagenes li>a>div{
		font-weight:bold;
	}	
	
	#promociones_imagenes li>a>div:last-child{
		position:static;
		font-weight:normal;		
	}

	
	.alertBox {
		 background-color: #F3F3F3;
		 border: 2px solid #CCCCCC;
		 margin-bottom: 8px;
		 padding: 5px 10px;
		 margin-top:12px;
	}

	.alertBox .cerrar{
		width: 100%; 
		clear: both;
	}

	.alertBox .cerrar a{
		font-weight: bold; 
		float: right; 
		font-size: 0.9em;
	}

	.alertBox .mensaje{
		clear:both; 
		height:15px
	}

	.alertBox  span{
		color: rgb(237, 142, 48); 
		font-size: 1.4em;
		font-weight:bold;
		padding-left: 5px;
	}

	.float-left{
		float:left
	}

	
	/*.alertBox{
		border:4px solid #ccc;
		background-color:#f3f3f3;
		padding:5px;
		margin-bottom:8px;
		/* -ms-border-radius: 5px;
		-webkit-border-radius:5px;
		-moz-border-radius: 5px;
		-khtml-border-radius:5px;
		behavior:url('resources/js/border-radius.htc');
		border-radius: 5px;
		
	}*/
	/*.alertBox div:first-child{
		display:block;
		float:left;
		margin-right:10px;
	}*/
	
	/* FICHA Productos*/
	
	#fichaBox li{
		list-style:disc !important;
	}
	
	/* CONTACT */
	
	#contactForm span{
		display:inline-block;
		margin-right:7px;
		/*font-family:'Arial';*/
		color:#666;
		font-size:1.05em;
		zoom:1; /* IE7 (hasLayout)*/
	    *display:inline; /* IE */
	    _height:228px; /* IE6 */
		
	}
	
	/*#contactForm input{
		font-size:1.25em !important;
		color:#191919 !important;
	}*/
	#contactForm select{
		font-size:1.10em !important;
		color:#191919 !important;
	}
	
	#contactForm #Enviar{
		padding:2px 41px 2px 41px;
	}
	
	#registrationForm span{
		display:inline-block;
		margin-right:7px;
		/*font-family:'Arial';
		color:#000;*/
		font-size:1.15em;
		zoom:1; /* IE7 (hasLayout)*/
	    *display:inline; /* IE */
	    _height:228px; /* IE6 */
	}
	#registrationForm #Enviar{
		padding:2px 41px 2px 41px;
	}
	
	
	
	
	/* -----------------------  ACCESSOS DIRECTOS --------------- */
	
		#accesos{
			display:inline-block;
			width:208px;
			height:228px;
			margin-left:5px;
			zoom: 1; /* IE7 (hasLayout)*/
		   *display: inline; /* IE */
		   _height: 228px; /* IE6 */
		}
		
		#accesos>#superior>header{
			text-align:left;
			position:relative;
			left:10px;
			width:196px;
			padding:10px 0px 0px 0px;
			/*font-family:'Arial';*/
			font-size:1.65em;
		}
		#accesos>#superior>header span{
			font-size:0.7em;
			font-weight:lighter;
			color:#999;
		}
		#accesos>#superior>p{
			color:#999;
			margin-top:0px;
			margin-bottom:5px;
			padding-top:0px;
			
		}
				
		#descarga{
			height:85px;
			margin-top:7px;
			vertical-align:top;
		}	
			
		#leftDiv{
			float:left;
			padding:7px 0px 0px 15px;
			height:59px;
			width:40px;
			z-index:1;
			margin-right:1px;
			margin-top:8px;
		}	
		
		#rightDiv{
			position:static;
			padding-top:10px;
			height:40px;
			z-index:2;
		}	
		
		#superior>header a{
			color:#ccc;
			text-shadow: 1px 1px 1px #333;
			filter: dropshadow(color=#000000, offx=1, offy=1); 
		}
		
		#superior>header a:hover{
			color:#8e91a0;
			text-shadow: 1px 1px 1px #000;
			filter: dropshadow(color=#000000, offx=1, offy=1);
		}
		
		#superior{
			height:198px;
		}
		
		
		#superior, #descarga{
			color:#ccc;
			font-weight: bold;
			
			/* GRADIENT BOX CSS3 progressive enchancement*/
			
			background: #646464; /* Old browsers */
	
			background-image:url('../img/darkGradient.png');
			background-repeat:repeat-x;
			
			background: -moz-linear-gradient(top, #646464 0%, #202020 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#202020)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #646464 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #646464 0%,#202020 100%); /* Opera11.10+ */
			background: -ms-linear-gradient(top, #646464 0%,#202020 100%); /* IE10+ */
			background: linear-gradient(top, #646464 0%,#202020 100%); /* W3C */	
			-webkit-border-radius:7px;
			-moz-border-radius: 7px;
			-khtml-border-radius:7px;
			
			-webkit-background-clip: padding-box;
			
			behavior:url('resources/js/border-radius.htc');
			border-radius: 7px;	
	}
	
	#accordion2{
		width:225px;
	}
	
	.accordion2{
		width:225px;
	}

	.accordion2 dt{
		width:215px;
		padding:10px 0px 10px 0px;
		/*font-family:'Arial';*/
		font-size:1.25em;
		cursor:pointer;
		background-color:#666;
		background-image:url('../img/miniArrow.png');
		/*background-position:right center;*/
		background-position:-20px 0px;
		background-repeat:no-repeat;
		border-top:1px solid #CCC;
	}
	
	.accordion2 dt:hover{
		background-color:#555;
		background-position:-20px -31px;
	}
	
	.accordion2 .open{
		background-color:#555;
		background-image:url('../img/miniArrowOpened.png');
		background-position:-20px 0px;
	}
	
	.accordion2 dd{
		overflow:hidden;
		text-align:left;
		position:static;
		display:block;
		margin:11px 0px 11px 0px;
	}	
	
	#accordion dt:hover{
		cursor:pointer;
		color:#8e91a0;
	}
	
	/* ---- FIN ACCESSOS DIRECTOS ---- */
		
	.more{
		position:relative;
		background-image:url('../img/moreBtn.png');
		width:41px;
		height:17px;
		margin-bottom:6px;
		text-align:left;
		left:196px;
	}
	
	.solicitar{
		position:relative;
		left:110px;
		top: 53px;
		width:80px;
		height:16px;
		background-image:url('../img/btnDark.png');
		margin-top: -55px;
	}
	
	.descargarBtn{
		position:relative;
		left:110px;
		top:-8px;
		width:80px;
		height:16px;
		background-image:url('../img/btnDark.png');
	}
	
	.descargarBtn a{
		position:relative;
		vertical-align:top;
		left:7px;
		top:-10px;
	}
	
	.more a, .solicitar a, .descargarBtn a{
		color:#999;
	}	
	
	.solicitar a:hover, .descargarBtn a:hover, .more a:hover{
		color:#807f7f;
	}
	
	#homeContent section:first-child{
		margin-left:0px;
	}
	
	#homeContent p{
		padding:7px 20px 0px 20px;
	}
	
	#que_es header, #servicios header, #preguntas header{
		text-align:left;
		position:static;
		width:216px;
		padding:21px 0px 15px 0px;
		/*font-family:'Arial';*/
		font-size:1.55em;
		font-weight: bold;
	}
	#que_es>p, #servicios>p, #preguntas>p{
		margin-bottom:8px;
		height: 60px;
	}
	
	.error{
		
	}
	
	.error>label{
		display:block;
		position:static;
		border:1px solid #F3ACAC;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		background-color:#FFE7E7;
		padding:5px;
		margin-bottom:6px;
		color:#B91515;
	}
	
	/* ---------------------  FOOTER STYLES ---------------------- */
	
		footer{
			color:#5d5d5d;
			padding:22px 22px 9px 22px;
			line-height:1.8em;
			background-color:#f0f0f0;
			-webkit-border-radius:7px;
			-moz-border-radius: 7px;
			-khtml-border-radius:7px;
			behavior:url('resources/js/border-radius.htc'); 
			border-radius: 7px;	
		}
		footer ul{
			display:inline-block;
			zoom: 1; /* IE7 (hasLayout)*/
		   *display: inline; /* IE */
		   _height: 100px; /* IE6 */
			vertical-align:top;
			margin-left:19px;
			padding-left:0px;
		}
		footer a{
			color:#777777 !important;
		}
		#siteName{
			text-align:right;
		}
		
		/* -------------------- END FOOTER STYLES --------------------- */
	#productList, #orderByClientList {
	  border-collapse: collapse;
	  width: 100%;
	  border:2px solid #cfcfcf;
	 }
	 #productList th, #orderByClientList th,
	 #productList td, #orderByClientList td{
		  padding: 3px;
		  color:#333;
		  border-bottom: 1px solid #cfcfcf !important;
	 }
	 
	 #productList tr.highlight {
	  	background-color:#AAC4FF;
	 }
	 
	 #productListCatalog tr.highlight {
	  	background-color:#AAC4FF;
	 }
	 
	 #in{
		 font-style:italic;
		 font-size:10px;
		 color:#999;
	 }
	 
	 .inputCantidad{
		 font-size:10px;
		 color:#333;
		 text-height:font-size;
	 }
	 
	 .paginator{
		background-color:#CFCFCF;
		-ms-border-radius: 7px;
		-webkit-border-radius:7px;
		-moz-border-radius: 7px;
		-khtml-border-radius:7px;

		-webkit-background-clip: padding-box;
		
		/*behavior:url('resources/js/border-radius.htc');*/
		border-radius: 7px;
	 }
	 
	 .puntasRedondas{
		 -ms-border-radius: 5px;
		-webkit-border-radius:5px;
		-moz-border-radius: 5px;
		-khtml-border-radius:5px;

		-webkit-background-clip: padding-box;
		
		/*behavior:url('resources/js/border-radius.htc');*/
		border-radius: 5px 5px 5px 5px; 
	 }
	 
	 #desplega{
		 width:100%;
		 height:35px;
		 /*background-color:#FFFFFF;
		 border-collapse:collapse;
		 border:#cfcfcf solid;
		 border-width:thin !important;*/
		 text-align:center;	
		 border:#cfcfcf solid 1.5px !important;
		 background-color:#FFF;	 
	 }
	 
	 #desplega th,
	 #desplega td {
		 
	 }
	 
	 #desplegable{
		 padding-top:10px; 
		 padding-bottom:0px;
		 display:yes;
	 }

	#publicMessages {
		display:inline-block;
		margin-right:7px;
		/*font-family:'Arial';*/
		color: #666666;
		font-size: 1.1em;
		zoom:1; /* IE7 (hasLayout)*/
	    *display:inline; /* IE */
	    _height:228px; /* IE6 */
	}
	
	#publicMessages h3{
		color: #515878;
	}

	
	.return{
		 color: #809dba;
	}
	
	/* --- Botones y configuracion del efecto cambio background --- */
	
	.ButbuscarCatalogo{
		 background: url('../img/Btn_buscarCatalogo.png');
		 height:27px;
		 width:142px;
		 display:block;
		 cursor:pointer;
		 float:left;
		 margin-left: 26px;
		 margin-right: 15px;
		 margin-top: 2px;
	}
	.ButbuscarCatalogo:hover{
		 background-position:0px 27px;
	}

	.ButdescInforme{
		 background: url('../img/ButdescInforme.png');
		 height:27px;
		 width:224px;
		 display:block;
		 cursor:pointer;
	}
	.ButdescInforme:hover{
		 background-position:0px 27px;
	}
	
	.ButdescInformeTodo{
		 background: url('../img/ButdescInformeTodo.png');
		 height:27px;
		 width:169px;
		 display:block;
		 cursor:pointer;
	}
	.ButdescInformeTodo:hover{
		 background-position:0px 27px;
	}
	
	.Butcesta{
		 background: url('../img/Butcesta.png');
		 height:27px;
		 width:112px;
		 display:block;
		 cursor:pointer;
	}
	.Butcesta:hover{
		 background-position:0px 27px;
	}
	
	.ButdescInformeEstandar{
		 background: url('../img/ButdescInformeEstandar.png');
		 height:27px;
		 width:176px;
		 display:block;
		 cursor:pointer;
	}
	.ButdescInformeEstandar:hover{
		 background-position:0px 27px;
	}
	
	.ButBuscar{
		 background: url('../img/ButBuscar.png');
		 height:27px;
		 width:59px;
		 display:block;
		 cursor:pointer;
	}
	.ButBuscarSoftNot {
		float:left;
		margin-right: 10px;
	}
	.ButBuscar:hover{
		 background-position:0px 27px;
	}
	
	.ButVerTodo{
		 background: url('../img/ButVerTodo.png');
		 height:27px;
		 width:65px;
		 display:block;
		 cursor:pointer;
	}
	.ButVerTodo:hover{
		 background-position:0px 27px;
	}
	
	.ButInteresado{
		 background: url('../img/ButInteresado.png');
		 height:27px;
		 width:113px;
		 display:block;
		 cursor:pointer;
	}
	.ButInteresado:hover{
		 background-position:0px 27px;
	}
	
	.ButEnviarPedido{
		 background: url('../img/ButEnviarPedido.png');
		 height:27px;
		 width:96px;
		 display:block;
		 cursor:pointer;
	}
	.ButEnviarPedido:hover{
		 background-position:0px 27px;
	}
	
	.ButVaciarPedido{
		 background: url('../img/ButVaciarPedido.png');
		 height:27px;
		 width:95px;
		 display:block;
		 cursor:pointer;
	}
	.ButVaciarPedido:hover{
		 background-position:0px 27px;
	}
	
	.ButConcesionario{
		 background: url('../img/ButConcesionario.png');
		 height:27px;
		 width:100px;
		 display:block;
		 cursor:pointer;
	}
	.ButConcesionario:hover{
		 background-position:0px 27px;
	}
	
	.ButTallerIndependencia{
		 background: url('../img/ButTallerIndependencia.png');
		 height:27px;
		 width:132px;
		 display:block;
		 cursor:pointer;
	}
	.ButTallerIndependencia:hover{
		 background-position:0px 27px;
	}
	
	.ButVerTodos{
		 background: url('../img/ButVerTodos.png');
		 height:27px;
		 width:72px;
		 display:block;
		 cursor:pointer;
		 float:left;
		 margin-top: 2px;
	}
	.ButVerTodos:hover{
		 background-position:0px 27px;
	}
	
	.shopButtonTotal{
		 background: url('../img/shopButtonTotal.png');
		 background-position:0px 20px;
		 height:20px;
		 width:20px;
		 display:block;
		 cursor:pointer;
		 float:left;
	}
	.shopButtonTotal:hover{
		 background-position:0px 0px;
	}
	
	.ButEntrar{
		background: url('../img/ButEntrar.png');
		height:27px;
		width:52px;
		display:block;
		margin:0;
		padding:0;
		border:0;
		outline:0;
		cursor:pointer;
	}
	.ButEntrar:hover{
		 background-position:0px 27px;
	}
	.ButEnviar{
		background: url('../img/ButEnviar.png');
		height:27px;
		width:54px;
		display:block;
		margin: 30px 0 0;
		padding:0;
		border:0;
		outline:0;
		cursor:pointer;
		
	}
	.ButEnviar:hover{
		 background-position:0px 27px;
	}
	
	.ButnormativaCatalogo{
		background: url("../img/ButNormativa.png");
		background-position:0px 23px;
		cursor: pointer;
		display: block;
		float: right;
		height: 23px;
		width: 68px;
		margin-top:5px;
		
	}
	
	.ButnormativaCatalogo:hover{
		background-position:0px 0px;
	}
	
	.ButReparacion{
		 background: url('../img/ButReparacion.png');
		 height:27px;
		 width:82px;
		 display:block;
		 cursor:pointer;
	}
	.ButReparacion:hover{
		 background-position:0px 27px;
	}
	
	.ButReparacion{
		 background: url('../img/ButEquipamientoTaller.png');
		 height:27px;
		 width:152px;
		 display:block;
		 cursor:pointer;
	}
	.ButReparacion:hover{
		 background-position:0px 27px;
	}

	.ButCuota{
		 background: url('../img/ButCuota.png');
		 height:27px;
		 width:53px;
		 display:block;
		 cursor:pointer;
	}
	.ButCuota:hover{
		 background-position:0px 27px;
	}	
	
	.ButPublicacionTecnica{
		background: url('../img/ButPublicacionTecnica.png');
		height:27px;
		width:133px;
		display:block;
		cursor:pointer;
	}
	.ButPublicacionTecnica:hover{
		 background-position:0px 27px;
	}
	
	.ButVolver{
		background: url('../img/ButVolver.png');
		height:23px;
		width:94px;
		display:block;
		cursor:pointer;
		float:right;
	}
	.ButVolver:hover{
		 background-position:0px 23px;
	}
	

	.ButDetailedList{
		background: url('../img/view-list-complete-icon.png');
		background-position: 0px 20px;
		height:18px;
		width:18px;
		display:block;
		cursor:pointer;
	}
	
	.ButList{
		background: url('../img/view-list-fast-icon.png');
		background-position: 0px 20px;
		height:18px;
		width:18px;
		display:block;
		cursor:pointer;
	}
	
	.quitIcon{
		background: url('../img/quitIcon.png');
		background-position:0px 20px;
		height:20px;
		width:20px;
		cursor:pointer;
		margin: 0 4px 0 0;
		vertical-align: top;
		padding:0;
		border:0;
		outline:0;
	}
	.quitIcon:hover{
		background-position:0px 0px;
	}
	
	.boIcon{
		background: url("../img/boIcon.png");
		background-position:0px 20px;
		border: 0 none;
		cursor: pointer;
		height: 20px;
		margin: 0 4px 0 0;
		outline: 0 none;
		padding: 0;
		vertical-align: top;
		width: 20px;
	}
	.boIcon:hover{
		background-position:0px 0px;
	}
	
	.xCerrar{
		background: url('../img/x.png');
		height:12px;
		width:11px;
		display:block;
		margin:0;
		padding:0;
		border:0;
		outline:0;
		cursor:pointer;
		float:right;
		
	}
	.xCerrar:hover{
		 background-position:0px 12px;
	}
	
	.micuentaIcon {
		background: url("../img/userLogin.png") repeat scroll 0 20px transparent;
		border: 0 none;
		cursor: pointer;
		height: 20px;
		width:20px;
		margin: 0 4px 0 0;
		vertical-align: top;
		outline: 0 none;
		padding: 0;
		width: 20px;
	}
	.micuentaIcon:hover{
		 background-position:0px 0px;
	}
	
	.homeIcon {
		background: url("../img/Home.png") repeat scroll 0 20px transparent;
		border: 0 none;
		cursor: pointer;
		height: 20px;
		width:20px;
		margin: 0 4px 0 0;
		vertical-align: top;
		outline: 0 none;
		padding: 0;
		width: 20px;
	}
	.homeIcon:hover{
		 background-position:0px 0px;
	}
	
	.fletxes{
		 height:20px;
		 width:21px;
		 display:block;
	}
	.fletxes:hover{
		 background-position:0px 20px;
	}
	
	#mytable{
		border:2px #CCC solid !important;	
	}
	
	#mytable input{
		padding: 0 !important;
		vertical-align: top;
	}

	
	/* Catalogo Filtros */
	.catalogo-box1, .marcasBox{
		margin-bottom: 4px; 
		width: 100%; 
		height: 55px;
	}

	.catalogo-box1-A {
		border: thin solid rgb(207, 207, 207); 
		float: left; 
		padding: 0pt 3px; 
		margin-right: 7px;
	}

	.catalogo-box1-A ul{
		padding: 0px !important;
	}

	.catalogo-box1-A ul li{
		display: inline !important; 
		padding: 5px 30px 0pt 0pt !important;
	}

	.catalogo-box1-A span{
		padding-left:10px;
	}

	.catalogo-box1-B, .filtroBuscador {
		border: thin solid rgb(207, 207, 207); 
		float: left; 
		padding-left:6px;
	}
	
	.marcasSoftware {
		border: thin solid rgb(207, 207, 207); 
		padding-left:2px;
	}
	
	.catalogo-box1-B ul, .marcasSoftware ul, .filtroBuscador ul {
		padding: 0px !important;
	}

	.catalogo-box1-B ul li, .marcasSoftware ul li, .filtroBuscador ul li{
		display: inline !important; 
		padding: 5px 34px 0 0 !important;
	}
	 
	 @media \0screen {
		 .catalogo-box1-B ul li, .marcasSoftware ul li{
		  display: inline !important; 
		  padding: 5px 36px 0 0 !important;
		 }
	 }

	.catalogo-box1-B span, .marcasSoftware span, .filtroBuscador span{
		padding-left:10px;
	}

	.catalogo-seleccion{
		background: none repeat scroll 0% 0% rgb(255, 255, 255); 
		width: 60px; 
		padding: 0pt 8px; 
		margin-top: -9px;
	}

	.catalogo-seleccion2{
		background: none repeat scroll 0% 0% rgb(255, 255, 255); 
		margin-top: -9px; 
		padding: 0pt 5px; 
		width: 40px; 
		margin-left: 3px;
	}

	.catalogo-seleccion3, .tituloFiltro{
		background:#fff; 
		width:50px; 
		margin-top:-14px;
		padding:0 8px
	}

	.catalogo-search, .pedidoSearch, .rentSearch, .repairSearch, .singleSearchDiv{
		clear: both; 
		border: thin solid rgb(153, 153, 153); 
		background: none repeat scroll 0% 0% rgb(204, 204, 204); 
		padding: 4px 3px; 
		height: 30px;
	}

	.catalogo-search input, .rentSearch input, .repairSearch input, .singleSearchDiv input{
		/*font-style:italic !important;*/
		
		float:left !important;
		/*padding-bottom:5px !important;
		padding-top:5px !important;*/
		margin-top: 2px;
		margin-left: 10px;
		/*margin-right: 10px;*/
	}

	.catalogo-box2, .filtroPedido{
		border: thin solid rgb(207, 207, 207); 
		padding: 5px 3px; 
		height: 40px; 
		margin-top:10px;
	}

	.catalogo-box2 ul, .filtroPedido ul, .order-box ul{
		padding: 0pt 5px !important;
	}

	.catalogo-box2 ul li{
		display: inline !important; 
		padding: 5px 10px 0 0 !important;
	}

	.catalogo-box2 ul li a, .opcionFiltro{
		padding-left: 10px !important;
		text-decoration:undeline !important;
		vertical-align: top;
	}
	
	.order-box{
		border: thin solid rgb(207, 207, 207); 
		padding: 5px 3px; 
		height: 40px; 
		margin-top:10px;
	}
	
	.order-box ul li{
		display: inline !important;
		padding: 0px 10px 0pt 0pt !important;
	}
	
	.order-box ul li a img, .catalog-box2 ul li a img{
		margin-bottom: -3px;
	}
	
	.normativa{
		clear: both; 
		float: left; 
		margin-left: 480px; 
		margin-bottom: 5px;
	}

	.textStandard{
		line-height: 2.0em;
		font-size: 1.15em;
	}
	
	.barraHeader{
		padding-left: 1px;
		padding-right: 1px;
	}
	
	:root #que_es, #servicios, #preguntas {
		background-color: #CCCCCC\9;
		background-image: url("../img/boxBG.png")\9;
	}
		#condicionesUso ul li {
		list-style: decimal
	}
	
	#condicionesUso ul li a{
		text-decoration:underlinel
	}
	.carrito{
		border-bottom: 1px #CCC solid;
		border-right: 1px #CCC solid;
	}

	.carrito span{
		float:left; 
		padding:3px
	}

	.carrito input{
		width:30px; 
		float:left; 
		margin-right:5px

	}
	#loading{
		position: fixed;
		bottom: 0;
		width: 100px;
		background-color: #F3F3F3;
		color: #66666;
		border: 2px solid #B4B4B4;
		border-bottom: 0;
		height: 12px;
		padding-top: 2px;
		text-align: center;
		background-image: url("../img/ui-anim_basic_16x16.gif");
		background-position: 9px 6px;
		background-repeat: no-repeat; 
		left: 50%;
		margin-left: -50px;
		padding: 10px;
		padding-top: 6px;
		display: none; 
	}
	
	#misPedidos{
		padding-top: 0;
		margin-top: 0;
	}
	
	.fancyboxClass{
		width:840px;
		margin-right: 50px;
		height:600px;
	}
	
	.hidden{
		display: none;
	}
	
	.defaultTextActive{
		font-style:italic !important;
		color:#999 !important;
	}
	
	.defaultText{
		font-style:normal;
		color:#000;
	}
	
	.genericSubtitle{
		font-size: 1.25em !important;
	}
	
	.genericContent{
		font-size: 1.15em;
	}

	/*JQuery autocomplete */
	 .ui-autocomplete li.ui-menu-item{
	 	font-size: 1.5em;
	 }
	 
	 .tablaDatos span{
	    color: #525A7A;
	    font-weight: bold;
	}
	
	.div.referencias span{
	    color: #525A7A;
	    font-weight: bold;
	}
	
	.div.referencias a{
	                color:#525a7a; 
	                text-decoration:underline
	}

	#authFailureMsg{
		color: red;
	}

	#filtroCatalogo li a{
		padding-right: 2px;
		padding-left: 6px !important;
	}
	#filtroCatalogo li a img{
		margin-right: 3px;
		margin-bottom: -3px;
	}
	
	#filtroCatalogo, #filtroCatalogo li{
		padding: 0 !important;
	}
